body{
    background-color: #c7eff6;
}




img{
    width: 100%;
    height: 50%;
    padding: -1px;
    margin: 0;
}

li{list-style: none;
display: inline-block;
text-decoration: none; 

}

li a { text-decoration :none;
color:black;
font-style: italic;
font-weight: bolder;
padding: 15px;
}

.menu{letter-spacing: 10px; 
    display: flex;
justify-content: space-evenly;
}


h1{ text-align: center;
    padding: -2em;
    font-size: 4em;
color: rgb(19, 22, 20);  
 font-style: italic; 
}
blockquote{
    text-align: center;
    font-size: 1.5em;
    margin-top: -1em;
    font-style: italic;
}

p{font-family: Arial, Helvetica, sans-serif;}

@media (min-width: 320px) and (max-width: 480px)
{
    h1{ font-size: 2em;}
      li{flex-basis: auto;}


}